<html>
<head>
<bookmarks>
  <bookmark name="Test bookmark" href="#thirdpage"/>
</bookmarks>
<style>

@page {
  size: 140px 50px;
  margin: 10px;
  -fs-max-overflow-pages: 10;
  -fs-overflow-pages-direction: ltr;
}
body {
  margin: 0;
}
div {
  box-sizing: border-box;
  margin: 0;
}
.outer {
  border: 1px solid black;
  background-color: red;
  min-height: 20px;
}
.inner {
  border: 1px solid blue;
  background-color: orange;
  min-height: 15px;
  float: left;
}
</style>
</head>
<body>

<div style="width: 100%; height: 20px; background-color: transparent; page-break-after: always;"></div>

<div class="outer" style="width: 150%;">
  <div class="inner" style="width: 70%;"></div>
  <div id="thirdpage" class="inner" style="background-color: purple; width: 25%;"></div>
</div>

</body>
</html>
